<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" import="com.ffcs.crmd.platform.ui.utils.JspUtil"%>
<!DOCTYPE html>
<jsp:include
	page="/resources/theme/default/include/default-header-inc.jsp"></jsp:include>
<jsp:include
	page="/resources/theme/default/include/default-footer-inc.jsp"></jsp:include>
<html>
<head>
<title>主页</title>
<script type="text/javascript" src="../public-service.js"></script>
<script type="text/javascript" src="./main-controller.js"></script>
<script type="text/javascript" src="../../cluster/cluster-service.js"></script>

<style type="text/css">
	.select2-container.form-control > .select2-choice{
		width: 200px;
	}
</style>
</head>
<body class="main-body" ng-app="mainIndexApp"
	ng-controller="mainIndexAppCtrl"
	style="background: url(../img/page_bg.png) repeat;">
	<div class="main-top">
		<div class="main-menu pull-left">
			<ul class="nav navbar-nav">
				<li class="dropdown"><span data-toggle="dropdown"
					class="menu-top-nav"> <i class="menu-logo"></i>全部菜单
				</span>
					<ul class="dropdown-menu menu-top-dropdown">
						<li class="search-menu-li dropdown-submenu"><input
							type="text" class="search-menu-key" ng-model="menuName"
							ng-change="queryFocus()" placeholder="搜索">
							<div class="search-menu" id="search-menu" ng-show="showQuery">
								<ul>
									<li ng-repeat="x in allMenus | filter:{firstLetter:menuName}">
										<a addtabs="{{x.menuCode}}" url="{{x.realMenuPath}}"
										title="{{x.menuName}}" href="#">{{x.menuName}}</a>
									</li>
								</ul>
							</div></li>
						<!-- 1级菜单 -->
						<li ng-repeat="item in menus"
							ng-class="{'dropdown-submenu dropdown-submenu-addons':item.child.length > 0,'undropdown-submenu-addons':item.child.length <= 0}">
							<!-- 如果菜单无子菜单，且为可链接  --> <a
							ng-if="!item.child.length > 0 && item.menuPath.length > 0 && item.menuPath != '#' "
							addtabs="{{item.menuCode}}" url="{{item.realMenuPath}}"
							title="{{item.menuName}}" href="#">{{item.menuName}}</a> <!-- 如果菜单有子菜单，且无可链接  -->
							<a
							ng-if="item.child.length > 0 || !item.menuPath.length > 0 || item.menuPath=='#' "
							href="#">{{item.menuName}}</a> <!-- 2级菜单 -->
							<ul ng-if="item.child.length > 0" class="dropdown-menu">
								<li ng-repeat="item1 in item.child"
									ng-class="{'dropdown-submenu dropdown-submenu-addons':item1.child.length > 0,'undropdown-submenu-addons':item.child1.length <= 0}">
									<!-- 如果菜单无子菜单，且为可链接  --> <a
									ng-if="!item1.child.length > 0 && item1.menuPath.length > 0 && item1.menuPath != '#' "
									addtabs="{{item1.menuCode}}" url="{{item1.realMenuPath}}"
									title="{{item1.menuName}}" href="#">{{item1.menuName}}</a> <!-- 如果菜单有子菜单，且无可链接  -->
									<a
									ng-if="item1.child.length > 0 || !item1.menuPath.length > 0 || item1.menuPath == '#' "
									href="#">{{item1.menuName}}</a> <!-- 3级菜单 -->
									<ul ng-if="item1.child.length > 0 "
										class="dropdown-menu dropdown-menu-tip">
										<li>
											<div class="arrow-white"></div>
											<ul class="dropdown-submenu-tip">
												<li ng-repeat="item2 in item1.child">
													<dl>
														<!-- 3级菜单过滤标识 -->
														<dt class="dropdown-submenu-prefixe">{{item2.firstLetter}}</dt>
														<dd class="dropdown-submenu-filter">
															<!-- 3级菜单过滤标识对应的菜单 -->
															<a ng-repeat="item3 in item2.child" class="sub-menu-a"
																href="#" addtabs="{{item3.menuCode}}"
																url="{{item3.realMenuPath}}" title="{{item3.menuName}}">{{item3.menuName}}</a>
														</dd>
													</dl>
												</li>
											</ul>
										</li>
									</ul>
								</li>
							</ul>
						</li>
					</ul></li>
			</ul>
		</div>
		<div class="main-logo pull-left">
			<i
				style="background: url(../img/logo.png) no-repeat center center; width: 411px;"></i>
		</div>
		<div class="main-tab pull-left">
			<ul class="nav nav-tabs main-tabs" role="tablist">
				<li role="presentation" id="li-home" class="active"><a
					href="#home-tab" aria-controls="home-tab" role="tab"
					data-toggle="tab"> <span class="left"> </span> <span
						class="mid"> 首页 </span> <span class="right"> </span>
				</a></li>
			</ul>
		</div>
		<div class="main-config pull-right">
			<div class="config-nav pull-right" style="display: inline-block;">
				<a href="#" class="user-a" title="hi,张小芸"> <i class="user-i"></i>
					<i class="line-double"></i>
				</a> <a href="#" class="upcoming-a" title="消息"> <i
					class="upcoming-i"></i> <span class="badge pull-right msg">50</span>
				</a> <a href="#" class="exit-a" title="注销退出" ng-click="exit()"> <i
					class="line-double"></i> <i class="exit-i"></i>
				</a>
			</div>
			<form class="form-inline pull-right">
				<div class="search-inline">
					<label style="color:white">集群：</label> 
					<input select2 type="text" class="form-control input-sm"
					ng-model="clusterName" config="clusterSelectConfig" ng-change="selectCluster()"
					style="width: 200px; display: inline-block;" />
				</div>
			</form>
		</div>
	</div>
	<div class="main-home">
		<div class="tab-content">
			<div class="tab-pane fade in active" id="home-tab">
				<div class="home-left">
					<div class="home-title">
						<img alt=""
							src="<%=JspUtil.path(request)%>/resources/theme/default/default/img/user-name.png">
						欢迎您， <font style="font-weight: bold; color: #ff6500">
							阮航（fztest） </font>
					</div>
					<div class="home-content">
						<font color="#666666">所属机构:</font>中国电信福州东街营业厅<br /> <font
							color="#666666">所属团队:</font> <select>
							<option style="width: 200px">团队1</option>
							<option style="width: 200px">团队1</option>
							<option style="width: 200px">团队1</option>
							<option style="width: 200px">团队1</option>
							<option style="width: 200px">团队1</option>
						</select><br /> <font color="#666666">访问节点：</font>134.132.47.224：9001<br />
					</div>
				</div>
				<div class="home-right">
					<div class="home-title">
						<img alt=""
							src="<%=JspUtil.path(request)%>/resources/theme/default/default/img/clock.png">
						待办事项 <font style="font-weight: bold; color: #ff6500">（2）</font>
					</div>
					<div class="home-content">
						<div id="home-item" class="home-item">
							<ul style="width: 98%">
								<li><a href="#">事情111111111111111</a></li>
								<li><a href="#">事情2</a></li>
								<li><a href="#">事情3</a></li>
								<li><a href="#">事情4</a></li>
								<li><a href="#">事情5</a></li>
								<li><a href="#">事情6</a></li>
								<li><a href="#">事情7</a></li>
								<li><a href="#">事情8</a></li>
								<li><a href="#">事情9</a></li>
								<li><a href="#">事情10</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="home-footer">Copyright © 2016 中国电信股份有限公司福建分公司. All
					Rights Reserved</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$("#home-item").niceScroll({
			cursorcolor : "#ffb889",
			cursoropacitymin : 1,
			cursoropacitymax : 1,
			touchbehavior : false,
			cursorwidth : "3px",
			cursorborder : "3px",
			cursorborderradius : "0px",
			overflowy : false,
			railhoffset : false
		});
		$("#search-menu").niceScroll({
			cursorcolor : "#ffb889",
			cursoropacitymin : 1,
			cursoropacitymax : 1,
			touchbehavior : false,
			cursorwidth : "3px",
			cursorborder : "3px",
			cursorborderradius : "0px",
			overflowy : false,
			railhoffset : false
		});
	</script>
</body>
</html>